<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>轮播</title>
    <link rel="stylesheet" href="./lunbostyle.css"/>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="./banner.js"></script>
    <script type="text/javascript" src="./tab.js"></script>
</head>


<body style="padding:50px;">
<div>
    <div class="outer" id="outer">
        <div style="width: 1408px" id="banner">
            <div class="img" id="img-1"></div>
            <div class="img" id="img-2"></div>
            <div class="img" id="img-3"></div>
            <div class="img" id="img-4"></div>
        </div>
    </div>
    <button onclick="ban.toggle(-1)">前一张</button>
    <button onclick="ban.toggle(1)">后一张</button>
</div>


<br/>
<br/>
<br/>
<br/>
<br/>


<div class="tab-top">
    <ul>
        <a class="btn-tab now" id="btn-tab-1" onclick="tab.goto(1)">tab1</a>
        <a class="btn-tab" id="btn-tab-2" onclick="tab.goto(2)">tab2</a>
    </ul>
</div>
<div>
    <div class="tab-page in" id="tab1">
        <br/>①
        <br/>②
        <br/>③
        <br/>④
    </div>
    <div class="tab-page" id="tab2">
        <br/>yi
        <br/>er
        <br/>san
        <br/>si
    </div>
</div>






</body>
</html>